import React from 'react';
import {connect} from 'dva';
import styles from './index.less';
/**
 * 预支信息 , 只做展示，与detail中的advanceInfo一样， advanceInfo有且只有一个
 */
class cAdvanceInfo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {

    }
  }
  render(){
    return (
      <div className={styles.baseList}>
        <div className={styles.item}>
          <div className={styles.des}>Advance No</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.advanceNo}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>status</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.status}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Payee</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.payee}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Charge Employee</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.chargeEmployee}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Advance Date From</div>
          <div className={styles.value}>{this.props.detail.mast && global.moment(this.props.detail.mast.adBeginDate).format('YYYY-MM-DD')}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Advance Date To</div>
          <div className={styles.value}>{this.props.detail.mast && global.moment(this.props.detail.mast.adEndDate).format('YYYY-MM-DD')}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Amount</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.claimAmt}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Currency</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.currency}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Exchange Rate RMB</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.exchangeRMB}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Amount RMB</div>
        <div className={styles.value}>{this.props.detail.mast && this.props.detail.mast.claimAmtRMB}</div>
        </div>
        <div className={styles.item}>
          <div className={styles.des}>Exchange Rate Date</div>
          <div className={styles.value}>{this.props.detail.mast && global.moment(this.props.detail.mast.exchangeRateDate).format('YYYY-MM-DD')}</div>
        </div>
      </div>
    )
  }
}


function mapStateToProps(state) {
  return {
    ...state.detail
  }
}
export default connect(mapStateToProps)(cAdvanceInfo);
